<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>home</title>
  
    <script type="text/javascript" src="js/location.js"></script>
    
    <script type="text/javascript" src="js/Adaptive/Adaptive.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/swiper3.06.min.css">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <script type="text/javascript" src="js/jquery/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/swiper/swiper.min.js"></script>
    <script type="text/javascript" src="js/swiper/swiper.animate1.0.2.min.js"></script>
    <script type="text/javascript" src="js/countUp.js"></script>
    <script type="text/javascript" src="js/jquery.waypoints.min.js"></script>


</head>

<body>

<div id="PhotoPreview">
        <div class="txit">
            <span>
                <i class="iconfont">&#xe635;</i>
            </span>
        </div>

        <div class="swiper-container" id="PhotoPreviewSw">
            <div class="swiper-wrapper">
                <!-- <div class="swiper-slide"><div class="tb"><div class="td"><img src="http://47.89.20.150/czlycms/Public/Cms/Slide/5836a29b9d0f0.jpg"></div></div></div> -->
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination" id="pageindphontos"></div>
        </div>
    </div>

    <header id="indHead"></header>

    <section id="Max_Con" class="index">

        <div class="IndBanner">
            <div class="swiper-container indexBanner">

                <div class="swiper-wrapper" id="IndBanerC">
                   <!--  <div class="swiper-slide">
                        <img src="images/ku/img_01.png">
                        <div class="banerWordCn">
                            <p class="ani ind1 " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">The Chinese</p>
                            <p class="ani ind2 " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">biopharmaceutical</p>
                            <p class="ani ind3" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">China biological pharmaceutical co., LTD. Is a <br/> comprehensive and collectivization of pharmaceutical<br/> enterprises.</p>
                            <a class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s" href="#">To view more</a>
                        </div>
                    </div>

                    <div class="swiper-slide">
                        <img src="images/ku/img_01.png">
                        <div class="banerWordCn">
                            <p class="ani ind1 " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">The Chinese</p>
                            <p class="ani ind2 " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">biopharmaceutical</p>
                            <p class="ani ind3" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">China biological pharmaceutical co., LTD. Is a <br/> comprehensive and collectivization of pharmaceutical<br/> enterprises.</p>
                            <a class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s" href="#">To view more</a>
                        </div>
                    </div>

                    <div class="swiper-slide">
                        <img src="images/ku/img_01.png">
                        <div class="banerWordCn">
                            <p class="ani ind1 " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">The Chinese</p>
                            <p class="ani ind2 " swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">biopharmaceutical</p>
                            <p class="ani ind3" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">China biological pharmaceutical co., LTD. Is a <br/> comprehensive and collectivization of pharmaceutical<br/> enterprises.</p>
                            <a class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s" href="#">To view more</a>
                        </div>
                    </div> -->

                </div>

                <!-- 如果需要分页器 -->

                <div class="swiper-pagination"></div>



            </div>
        </div>


        <!-- whatwedo -->


        <div class="whatwedo">
            <div class="headInd"><span>what </span>we do</div>
            <ul class="navC">
                <li class="one">
                    <a href="page.html?page_id=75">
                        <div class="icon">
                            <div class="cn">
                                <span>
                                    <i class="iconfont">&#xe603;</i>
                                </span>
                            </div>
                        </div>
                        <p>Company <br/> Overview</p>
                    </a>
                </li>

                <li class="two">
                <a href="page.html?page_id=73">
                        <div class="icon">
                            <div class="cn">
                                <span>
                                    <i class="iconfont">&#xe604;</i>
                                </span>
                            </div>
                        </div>
                        <p>Our Business</p>
                    </a>
                    
                </li>

                <li class="three">
                    <a href="page.html?page_id=74">
                        <div class="icon">
                            <div class="cn">
                                <span>
                                    <i class="iconfont">&#xe606;</i>
                                </span>
                            </div>
                        </div>
                        <p>Corporate<br/>Responsibility</p>
                    </a>
                </li>
            </ul>
        </div> 

        <!-- whatwedo -->

        <div class="ANNOUNCEMENTS" style="margin-top: 30px;">
            <div class="headInd"><span>ANNOUNCEMENTS</span></div>

            <ul class="ANNList" id="ANNList">
                <!-- <li class="clearfloat">
                    <div class="timeCom">SEP 9 , 2016</div>
                    <div class="RigCon">
                        <a href="#">
                            <p>Learn more about our company history and mission toenhance people lives through strategicinvesting and innovativeness in healthcare in this ever-changing, dynamic world.</p>
                            <span>PRESS RELEASE</span>
                        </a>
                    </div>
                </li>

                <li class="clearfloat">
                    <div class="timeCom">SEP 9 , 2016</div>
                    <div class="RigCon">
                        <a href="#">
                            <p>Learn more about our company history and mission toenhance people lives through strategicinvesting and innovativeness in healthcare in this ever-changing, dynamic world.</p>
                            <span>PRESS RELEASE</span>
                        </a>
                    </div>
                </li>

                <li class="clearfloat">
                    <div class="timeCom">SEP 9 , 2016</div>
                    <div class="RigCon">
                        <a href="#">
                            <p>Learn more about our company history and mission toenhance people lives through strategicinvesting and innovativeness in healthcare in this ever-changing, dynamic world.</p>
                            <span>PRESS RELEASE</span>
                        </a>
                    </div>
                </li>

                <li class="clearfloat">
                    <div class="timeCom">SEP 9 , 2016</div>
                    <div class="RigCon">
                        <a href="#">
                            <p>Learn more about our company history and mission toenhance people lives through strategicinvesting and innovativeness in healthcare in this ever-changing, dynamic world.</p>
                            <span>PRESS RELEASE</span>
                        </a>
                    </div>
                </li> -->

            </ul>

            <div class="moerCon" style="margin-top: 20px;">
                <a href="articlelist.html?cate_id=18"></a>
            </div>

        </div>

        


        <!-- FEATURED NEWS -->
        <div class="FEATURED">
            <div class="headInd"><span>FEATURED </span> NEWS</div>

            <ul class="newsList clearfloat" id="newsList">
               <!--  <li>
                    <a href="#" class="clearfloat">
                        <div class="imgc">
                            <img src="images/ku/img_02.png">
                        </div>
                        <div class="time">May 01 , 2016</div>
                        <div class="word">LOREM IPSUM DOLOR AIT AMET CONSEC TETUR ADIPIS</div>
                    </a>
                </li>
                <li>
                    <a href="#" class="clearfloat">
                        <div class="imgc">
                            <img src="images/ku/img_02.png">
                        </div>
                        <div class="time">May 01 , 2016</div>
                        <div class="word">LOREM IPSUM DOLOR AIT AMET CONSEC TETUR ADIPIS</div>
                    </a>
                </li>
                <li>
                    <a href="#" class="clearfloat">
                        <div class="imgc">
                            <img src="images/ku/img_02.png">
                        </div>
                        <div class="time">May 01 , 2016</div>
                        <div class="word">LOREM IPSUM DOLOR AIT AMET CONSEC TETUR ADIPIS</div>
                    </a>
                </li> -->


            </ul>
            <div class="moerCon" style="margin-top: 20px;">
                <a href="articlelist.html?cate_id=22"></a>
            </div>
        </div>

        <!-- FEATURED NEWS end-->


        <!-- KEY FIGURES -->
        <div class="FIGURES">
            <div class="headInd"><span>KEY</span> FIGURES</div>

            <div class="swiper-container swiper-containertwo">
                <div class="swiper-wrapper" id="FIGURESlist">
                    <!-- <div class="swiper-slide"><div class="came"><span id="counting-1">14782</span></div><p class="name">Employees</p></div>
                    <div class="swiper-slide"><div class="came"><span id="counting-2">14.55</span></div><p class="name">Billions </p></div>
                    <div class="swiper-slide"><div class="came"><span id="counting-3">9</span>%</div><p class="name">R&D </p></div>
                    <div class="swiper-slide"><div class="came"><span id="counting-4">24</span>%</div><p class="name">Liver diseases </p></div>
                    <div class="swiper-slide"><div class="came"><span id="counting-5">1234</span></div><p class="name">Products </p></div> -->
                </div>
            </div>


        </div>
        <!-- KEY FIGURES end-->


        <!-- photos -->

        <div class="photos">
            <div class="headInd"><span>photos</span></div>

            <div class="nav">
                <div class="swiper-container swiper-containertwo">
                    <div class="swiper-wrapper" id="photosNav">
                        <!-- <div class="swiper-slide"><a class="active" href="#">Products</a></div>
                        <div class="swiper-slide"><a href="#">Subsidiaries</a></div>
                        <div class="swiper-slide"><a href="#">Manufacturing</a></div>
                        <div class="swiper-slide"><a href="#">Corporate</a></div>
                        <div class="swiper-slide"><a href="#">History</a></div>
                        <div class="swiper-slide"><a href="#">CSR</a></div> -->
                    </div>


                </div>

            </div>
            <ul class="headIndList clearfloat" id="photosCon">
                <li>
                    <a href="#">
                        <img src="images/ku/img_03.png">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/ku/img_04.png">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/ku/img_04.png">
                    </a>
                </li>
            </ul>

            <!-- <div class="moerCon" style="margin-top: 20px;">
                <a href="#"></a>
            </div> -->       
        </div>

        <!-- photos end-->


        <!-- video -->
        <div class="video">
            <div class="headInd"><span>video</span></div>
            <div class="videoCon">
                <video id="indVideo" src="http://www.ctmto.com/video/cn.mp4" poster="video/video.png" controls></video>
            </div>

        </div>
        <!-- video -->


        <!-- STOCK  PRICES -->
        <div class="PRICES">
            <div class="headInd"><span>STOCK </span>PRICES</div>
            <div class="PRICESCn clearfloat">
                <div class="word" id="STOCK_word">

                    <p class="p1">SINO BIOPHAEM(1177)</p>


                    <p class="p3">€19.92</p>

                    <p class="p4">＋0.455｜＋2.34%</p> 
                    <p class="p2">april 8,2016,5:35 pm cet</p>
                    

                </div>
            </div>
        </div>

        <!-- STOCK  PRICES -->


        <!-- DOWNLOAD DOCUMENTS -->
        <div class="DOWNLOAD">
            <div class="headInd"><span>DOWNLOAD </span>DOCUMENTS</div>

            <div class="DOWNLOADlist">
                <div class="swiper-container swiper-DOWNLOADlist" >
                    <div class="swiper-wrapper" id="DocumensListNCn">

                        <!-- <div class="swiper-slide">
                            <a href="#">
                                <div class="head">web aopen</div>
                                <div class="iconC"><i class="iconfont">&#xe603;</i></div>
                                <p>AboutUs jpgAboutUs jpgAboutUs  pgAboutUs jpg</p>
                            </a>
                        </div>

                        <div class="swiper-slide">
                            <a href="#">
                                <div class="head">web aopen</div>
                                <div class="iconC"><i class="iconfont">&#xe603;</i></div>
                                <p>AboutUs jpgAboutUs jpgAboutUs  pgAboutUs jpg</p>
                            </a>
                        </div>

                        <div class="swiper-slide">
                            <a href="#">
                                <div class="head">web aopen</div>
                                <div class="iconC"><i class="iconfont">&#xe603;</i></div>
                                <p>AboutUs jpgAboutUs jpgAboutUs  pgAboutUs jpg</p>
                            </a>
                        </div>

                        <div class="swiper-slide">
                            <a href="#">
                                <div class="head">web aopen</div>
                                <div class="iconC"><i class="iconfont">&#xe603;</i></div>
                                <p>AboutUs jpgAboutUs jpgAboutUs  pgAboutUs jpg</p>
                            </a>
                        </div> -->

                    </div>
                </div>
                
            </div>
        </div>

        <!-- DOWNLOAD DOCUMENTS -->



        <!-- Links to Subsidiaries -->

        <div class="Subsidiaries">
            <div class="headInd"><span style="color: #fff;">Links to </span> Subsidiaries</div>
            <div class="SubsidiariesList">
                <div class="swiper-container SubsidiariesListCn">
                    <div class="swiper-wrapper " id="LinksCon">
                        <!-- <div class="swiper-slide"><a href="#"><img src="images/ku/img_05.png"></a></div>
                        <div class="swiper-slide"><a href="#"><img src="images/ku/img_05.png"></a></div>
                        <div class="swiper-slide"><a href="#"><img src="images/ku/img_05.png"></a></div>
                        <div class="swiper-slide"><a href="#"><img src="images/ku/img_05.png"></a></div> -->
                    </div>
                </div>

                <div class="swiper-button-prev button-prev"></div>
                <div class="swiper-button-next button-next"></div>
            </div>
        </div>

        <!-- Links to Subsidiaries -->

        <div id="footerCon"></div>





    </section>

    <script type="text/javascript" src="js/publick.js"></script>
    <script type="text/javascript" src="header/header.js"></script>







    <script type="text/javascript" src="js/index.js"></script>




</body>
</html>